<template>
	<view class="agent-container">
		<scroll-view scroll-y style="height: calc(100vh - 140rpx);">
			<view class="content">
				<view class="bold mb20 center">
					当前属性:非代理，游戏会员人数:X
				</view>
				<view class="bold mb20 center">
					代理模式
				</view>
				<view class="section">
					<view class="bold mb10 font28">
						合作分润方案:
					</view>
					<view class="table">
						<uni-table ref="table" border stripe emptyText="暂无更多数据">
							<uni-tr>
								<uni-th width="30" align="center">活跃人数</uni-th>
								<uni-th width="30" align="center">净利润(万元)</uni-th>
								<uni-th width="30" align="center">佣金比例</uni-th>
							</uni-tr>
							<uni-tr v-for="(item, index) in agentTable" :key="index">
								<uni-td align="center">{{ item.hyNum }}</uni-td>
								<uni-td align="center">{{ item.lrMin }}~{{ item.lrMax }}</uni-td>
								<uni-td align="center">{{ item.bl }}</uni-td>
							</uni-tr>
						</uni-table>
					</view>
					<view class="txt font28">
						活跃玩家定义: 当月会员累计存款21000元，或者有效投注210000元
					</view>
				</view>
				<view class="section">
					<view class="bold mb10 font28">
						佣金计算方案:
					</view>
					<view class="txt font28">
						佣金=净利润*佣金比例<br />净利润=输赢值-优惠-沈码-平台成本-资金成本
					</view>
				</view>
				<view class="section">
					<view class="bold mb10 font28">
						佣金结算规则:
					</view>
					<view class="txt font28">
						1、每月上旬计算上个月佣金，并支付至代理账号余额，可直接提款;<br />
						2、佣金最低支付额度为100元，如当月佣金来达到支付要求，则累积至下月。<br />
						若当月净利润为负数，则负数佣金将累积到下个月的净利润中，直至净利润变为证书，即可产生佣金。<br />
						3、若当月活跃用户少于5人，则当月无佣金，且产生的盈利不累积。<br />
						4、任何合营代理通过不正当手段进行套取佣金，产品核实后有权对代理账户进行冻结，且扣除产生的佣金。
					</view>
				</view>
			</view>
			<tui-modal :show="showModal" custom @cancel="showModal = false">
				<view class="center mb20">
					您还不是代理哦~
				</view>
				<view class="center">
					请联系XXXX
				</view>

			</tui-modal>
		</scroll-view>

	</view>
</template>

<script>
	import {
		actingList
	} from '@/api/user.js'
	export default {
		data() {
			return {
				agentTable: [{
					num: 20
				}],
				showModal: false
			};
		},
		onShow() {
			this.getActingList()
		},
		methods: {
			getActingList() {
				actingList().then(res => {
					this.agentTable = res.data.acting1 || []
					console.log(333, res.data.acting1);
				})
			},
			onNavigationBarButtonTap(e) {
				if (false) {
					this.showModal = true
				} else {
					uni.navigateTo({
						url: '/pages/user/agent/myAgent'
					})
				}
			},
		}
	}
</script>

<style lang="scss">
	.agent-container {
		padding: 20rpx;
		color: var(--txt-color-black);

		.content {
			background-color: #fff;
			padding: 10rpx 15px 20px;
			border-radius: 10px;
			// text-align: center;
			margin-bottom: 20px;

			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

			.table {
				margin-bottom: 40rpx;
			}

			.txt {
				color: var(--txt-color-black);
				font-size: 26rpx;
				line-height: 40rpx;
				margin-bottom: 20rpx;
			}
		}
	}
</style>